<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>
<html class="no-js" lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>登入界面</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon"
	href="assets/img/favicon.ico">

<!-- CSS 
    ========================= -->
<!--bootstrap min css-->
<link rel="stylesheet"
	href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
<!--owl carousel min css-->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<!--slick min css-->
<link rel="stylesheet" href="assets/css/slick.css">
<!--magnific popup min css-->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!--font awesome css-->
<link rel="stylesheet"
	href="https://www.jq22.com/jquery/font-awesome.4.7.0.css">
<!--ionicons css-->
<link rel="stylesheet" href="assets/css/ionicons.min.css">
<!--linearicons css-->
<link rel="stylesheet" href="assets/css/linearicons.css">
<!--animate css-->
<link rel="stylesheet" href="assets/css/animate.css">
<!--jquery ui min css-->
<link rel="stylesheet" href="assets/css/jquery-ui.min.css">
<!--slinky menu css-->
<link rel="stylesheet" href="assets/css/slinky.menu.css">
<!--plugins css-->
<link rel="stylesheet" href="assets/css/plugins.css">

<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">

<!--modernizr min js here-->
<script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
<script src="js/jquery-2.0.3.js"></script>
<script src="js/jquery.cookie.js"></script>
</head>

<body>

	<!--header area end-->
	<jsp:include page="head.jsp"></jsp:include>
	<!--breadcrumbs area start-->
	<div class="breadcrumbs_area">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="breadcrumb_content">
						<h3>登入界面</h3>
						<ul>
							<li><a href="index.html">首页</a></li>
							<li>登入界面</li>
							
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--breadcrumbs area end-->

	<!-- customer login start -->
	<div class="customer_login"
		style="position: relative; margin-left: 300px;">
		<div class="container">
			<div class="row">
				<!--login area start-->
				<div class="col-lg-6 col-md-6">
					<div class="account_form">
						<h2>用户登入</h2>
						<div style="color: red;"><%=request.getAttribute("msg")==null?"":request.getAttribute("msg") %></div>
						<form action="UserServlet?op=login" method="post">
							<!-- onsubmit="return checkall()" -->
							<p>
								<label>账户<span>*</span></label> <input type="text"
									name="username" id="username">
							</p>
							
							<p>
								<label>密码 <span>*</span></label> <input type="password"
									name="userpwd" id="userpwd">
							</p>
							<div class="login_submit">
								<a href="#">忘记密码?</a> <label for="remember"> <input
									id="remember" name="remember" type="checkbox"> 记住密码
								</label>
								<button type="submit">登入</button>

							</div>

						</form>
					</div>
				</div>
				<!--login area start-->

				<!--register area start-->

				<!--register area end-->
			</div>
		</div>
	</div>
	<!-- customer login end -->

	<!--footer area start-->
	<footer class="footer_widgets color_three">
		<div class="footer_top">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-12 col-sm-7">
						<div class="widgets_container contact_us">

							<p class="footer_desc">我们是不断在进步的菜鸟团队。</p>
							<p>
								<span>地址:</span> 福建省厦门市XXX
							</p>
							<p>
								<span>邮箱:</span> <a href="#">123456789@163.com</a>
							</p>
							<p>
								<span>联系电话:</span> <a href="tel:123456789">123 456 789</a>
							</p>
						</div>
					</div>
					<div class="col-lg-2 col-md-3 col-sm-5">
						<div class="widgets_container widget_menu">
							<h3>用户帮助</h3>
							<div class="footer_menu">

								<ul>
									<li><a href="#">申请退款</a></li>
									<li><a href="#">常见问题</a></li>
									<li><a href="#">用户协议</a></li>
									<li><a href="#">隐私政策</a></li>
									<li><a href="#">反诈骗公告</a></li>
									<li><a href="#">消费者权益保障</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-lg-2 col-md-3 col-sm-4">
						<div class="widgets_container widget_menu">
							<h3>投诉举报热线</h3>
							<div class="footer_menu">
								<ul>
									<li>投诉举报热线:</br> <a href="tel:987654321">987654321</a></li>
									<li>举报邮箱：<a href="#">123456789@163.com</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 col-sm-8">
						<div class="widgets_container widget_newsletter">
							<h3>其他</h3>
							<div class="footer_menu">
								<ul>
									<li><a href="#">官方论坛</a></li>
									<li><a href="#">服务支持</a></li>
									<li><a href="#">站点地图</a></li>
								</ul>
							</div>
							<div class="footer_logo">
								<a href="index.html"><img src="assets/img/logo/logo3.png"
									alt=""></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer_bottom">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-12 col-md-12">
						<div class="copyright_area" align="center">
							<p>
								版权所有 © 2020 <a href="#">你说对就队</a>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>

	<!--footer area end-->


	<!-- JS
============================================ -->
	<!--jquery min js-->
	<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<!--popper min js-->
	<script src="assets/js/popper.js"></script>
	<!--bootstrap min js-->
	<script src="https://www.jq22.com/jquery/bootstrap-4.2.1.js"></script>
	<!--owl carousel min js-->
	<script src="assets/js/owl.carousel.min.js"></script>
	<!--slick min js-->
	<script src="assets/js/slick.min.js"></script>
	<!--magnific popup min js-->
	<script src="assets/js/jquery.magnific-popup.min.js"></script>
	<!--counterup min js-->
	<script src="assets/js/jquery.counterup.min.js"></script>
	<!--jquery countdown min js-->
	<script src="assets/js/jquery.countdown.js"></script>
	<!--jquery ui min js-->
	<script src="assets/js/jquery.ui.js"></script>
	<!--jquery elevatezoom min js-->
	<script src="assets/js/jquery.elevatezoom.js"></script>
	<!--isotope packaged min js-->
	<script src="assets/js/isotope.pkgd.min.js"></script>
	<!--slinky menu js-->
	<script src="assets/js/slinky.menu.js"></script>
	<!-- Plugins JS -->
	<script src="assets/js/plugins.js"></script>

	<!-- Main JS -->
	<script src="assets/js/main.js"></script>
	<script>
		$(function() {
			//("#username").blur 文本框失去焦点事件
			$("#username").blur(function() {
				//读取用户名和密码的cookie信息
				var username = $.cookie('username');
				var userpwd = $.cookie('userpwd');
				console.log(userpwd);
				//如果用户输入的用户名 和 读取用户名一致
				if ($(this).val() == username) {
					//就将密码显示在密码框中
					$("#userpwd").val(userpwd);
				}
			});
		});
	</script>
</body>

</html>